<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">

            <div class="panel-body">
                <!--<div class="w-lg">-->
                <form ng-submit="searchRe()" class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2">
                            <input type="text" class="form-control" ng-model="searchParams.loadPageName"
                                   id="loadPageName" placeholder="落地页名称">
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button class="ifc-btn btn-primary"  ng-click="searchRe()">查 询</button></label>
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button class="ifc-btn btn-info"  ui-sref="main.toolChest.loadPage.model">模板管理</button></label>
                        </div>
                    </div>

                </form>
                <!--</div>-->
            </div>


            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                        <th>落地页名称</th>
                        <th>所属广告主</th>
                        <th>信息收集器</th>
                        <th>更新日期</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in pageInfo.records">
                        <td class="v-middle">{{item.loadPageName}}</td>
                        <td class="v-middle">{{item.advertsName?item.advertsName:'蜂巢后台'}}</td>
                        <td class="v-middle">
                            <span class="cursor urlTex" ng-click="inforModule(item.pageLoadId,item.messageType)" ng-class="{grayTex99:item.messageType== '0'}">{{item.messageType=='0'?'未使用':item.messageCount}}</span>
                        </td>
                        <td class="v-middle">{{item.updateTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td>
                        <td class="v-middle">
                            <button type="button" class="btn btn-sm btn-default m-l-xs">
                                <a ng-href="{{'/landingpage/landingPage.html?loadPageId='+item.pageLoadId}}" target="_blank">预览</a>
                            </button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div><!-- /.table-responsive -->

            <!-- 底部分页 -->
            <span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->
</div><!-- /.wrapper-md -->

<!-- 信息收集器弹窗 1.5.5新增 -->
<div class="cover" ng-show="isShow">
    <div class="infor" ng-class="{moduleBox:isShow}">
        <span class="icon-close1 heigh50 MT30 deleteBtn cursor fr"  ng-click="closeShow()"><i class="iconfont bigSize">&#xe608;</i></span>
        <div class="content-title clear">
            <h2 class="text-title">信息收集器</h2>
        </div>
        <div class="MT20">
            <table class="inforTable">
                <thead>
                <tr>
                    <th ng-repeat="key in keyList track by $index">{{key}}</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="item in dataArray track by $index">
                    <td ng-repeat="detail in item track by $index">{{jion(detail[keyList[$index]])}}</td>
                </tr>
                </tbody>
                <tr ng-if="!dataArray||dataArray==''">
                    <td colspan="10">暂无数据</td>
                </tr>
            </table>

            <span data-ng-include=" 'src/tpl/loadPageInfo.html' "></span>

            <div class="textC MT50">
                <label class="textC"><button class="ifc-btn btn-dark" ng-click="closeShow()">取消</button></label>
                <label class="textC"><button class="ifc-btn btn-primary" ng-click='closeShow()'>确认</button></label>
            </div>
        </div>
    </div>
</div>

<style>
    .deleteBtn{
        position: absolute;
        right: 30px;
    }

    #myTable tr th{
        border: 1px solid #d2d2d2;
        height: 58px;
        background: #f7f8f9;
        font-size: 14px;
        color: #393d40;
    }
    #myTable tr td{
        height: 58px;
    }

    .mediaTitle a{
        color: #ffb135;
    }


    /* 弹窗 */
    .infor{
        width: 1106px;
        height: 684px;
        background: #fff;
        position: relative;
    }
    .content-title{
        width: 100%;
    }
    .inforTable{
        width:100%;
        border-bottom: 1px solid #ccc;
    }
    .inforTable tr,.inforTable th,.inforTable td{
        height: 58px;
        width: 500px;
        text-align: center;
        border: 1px solid #d8d8d8;
    }
</style>